/* common styles for overriding borders/progress color */
.gantt_task_line{
    border-color: #ffffff !important;
    border-radius: 50px !important;
    background-color: #448aff !important;
  }
  .gantt_task_line .gantt_task_progress {
    background-color: rgba(0, 0, 0, 0.25);
  }
  .gantt_task_line.gantt_project {
    background-color: #1de9b6 !important;
    border-color: #16e1ae !important;
  }
  /* high */
  .gantt_task_line.high {
    background-color: #03A9F4;
  }
  .gantt_task_line.high .gantt_task_content {
    color: #fff;
  }
  .gantt_task_line.gantt_milestone {
    background-color: transparent !important;
    border-radius: 0px !important;
    margin-left: 5px;
  }
  .gantt_bar_milestone {
    .gantt_task_content {
      background-image: url("./image/flag.png") !important;
      transform: rotate(0deg) !important;
      background-size: 21px 21px !important;
    }
  }
  .gantt_link_control div {
    border: 2px solid #448aff !important;
    border-radius: 7px !important;
    height: 14px !important;
    width: 14px !important;
  }
  .gantt_add, .gantt_grid_head_add {
    background-image: url() !important;
    background-position: 50% !important;
    background-repeat: no-repeat !important;
    cursor: pointer !important;
  }
  .gantt_cal_light .gantt_btn_set.gantt_save_btn_set:hover,.gantt_popup_button.gantt_ok_button:hover,.gantt_qi_big_icon.icon_edit:hover {
    background-color: #005cf6 !important;
  }
  .gantt_grid_data .gantt_row.odd:hover,.gantt_grid_data .gantt_row:hover {
    background-color: rgba(0,199,181,.2)
  }
  .gantt_cal_light .gantt_btn_set.gantt_save_btn_set:focus,.gantt_popup_button.gantt_ok_button:focus,.gantt_qi_big_icon.icon_edit:focus {
    background-color: #005cf6 !important;
    outline: none !important;
    box-shadow: none !important;
  }
  .gantt_grid_data .gantt_row.gantt_selected, .gantt_grid_data .gantt_row.odd.gantt_selected, .gantt_task_row.gantt_selected {
    background-color: rgba(0,199,181,.2) !important;
  }
  .gantt_grid_scale .gantt_grid_head_cell {
    color: #333333 !important;
    font-size: 14px !important;
    font-weight: bold;
  }
  .gantt_task .gantt_task_scale .gantt_scale_cell {
    color: #333333 !important;
  }
  .gridHoverStyle,.gridSelection,.timelineSelection {
    background-color: rgba(0,199,181,.2) !important;
  }
  /* medium */
  .gantt_task_line.medium {
    background-color: #f57730;
  }
  .gantt_task_line.medium .gantt_task_content {
    color: #fff;
  }
  
  /* low */
  .gantt_task_line.low {
    background-color: #e01818;
  }
  .gantt_task_line.low .gantt_task_content {
    color: #fff;
  }
  .gantt_cal_lsection{
    color: #333333 !important;
  }
  .gantt_cal_ltext textarea {
    padding: 5px;
    border-radius: 5px;
  }
  .gantt_cal_ltext select {
    padding: 5px;
    border-radius: 5px;
    height: 32px !important;
  }
  .gantt_cal_ltext {
    min-height: 36px !important;
  }
  .gantt_cal_ltitle {
    .gantt_mark {
      color: #333333 !important;
      font-size: 14px;
    }
    .gantt_time {
      color: #333333 !important;
      font-size: 14px;
    }
    .gantt_title {
      color: #333333 !important;
      font-size: 14px;
    }
  }
  .gantt_section_time {
    height: 36px !important;
  }
  .gantt_time_selects select {
    min-height: 28px !important;
    border-radius: 6px;
  }
  .gantt_duration {
    height: 28px !important;
    display: flex;
    align-items: center;
    color: #333333 !important;
    font-size: 14px;
    .gantt_duration_dec {
      padding: 1px 9px !important;
      width: 26px !important;
      color: #333333;
    }
    .gantt_duration_inc {
      padding: 1px 9px !important;
      width: 26px !important;
    }
    span {
      color: #333333 !important;
      display: inline-block;
      margin-left: 16px;
    }
  }
  .gantt_save_btn_set {
    background: var(--el-color-primary) !important;
  }
  .gantt_delete_btn_set {
    background: var(--el-color-danger) !important;
    text-shadow: none !important;
  }
  .gantt_task_line .gantt_task_drag {
    background: url();
    opacity: .95
  }
  .gantt_task_line .gantt_task_drag.task_left {
    left: 9px !important;
  }
  
  .gantt_task_line .gantt_task_drag.task_right {
    right: 9px !important;
  }
  .gantt_task_drag {
    height: 80% !important;
    width: 8px !important;
    z-index: 1 !important;
    top: 10% !important;
  }
  .input-sty-colums {
    height: 32px;
    border: 1px solid var(--el-border-color);
    border-radius: 5px;
    padding: 1px 11px;
  }
  .gantt_parent_row {
    font-weight: bold;
  }
  .gantt_tooltip{
    display:block;
    background:red;
  }
  